<!DOCTYPE html>
<html reftest-zoom="2">
<meta charset="utf-8">
<title>Test for bug 1315113: Gradient in border image</title>
<style>

body {
  margin: 0;
}

#box {
  width: 200px;
  border: 100px solid;
  border-image-source: linear-gradient(red, blue);
  border-image-slice: 40% 40% fill;
  border-image-width: 80px 80px;
  border-image-repeat: round stretch;
  background-color: black;
}

</style>

<div id="box"></div>
